<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/2.css">
</head>
<body>
<div class="moe-container">
    <div class="left-side left clearfix">
        <a href="">
            <img src="./image/left-area.png" alt="left-area">
            <div class="mask">【咬人猫X咬人喵】Lamb.我的姐姐终于藏不住了！</div>
        </a>
        <div class="turn-item turn-left">
            <a href="">
                &lt;
            </a>
        </div>
        <div class="turn-item turn-right">
            <a href="">
                &gt;
            </a>
        </div>
        <div class="left-list">
            <div class="left-list-items">
                <div class="left-list-item"></div>
                <div class="left-list-item"></div>
                <div class="left-list-item"></div>
                <div class="left-list-item focus"></div>
                <div class="left-list-item"></div>
            </div>
        </div>
    </div>
    <div class="center-area">
        <div class="top-area">
            <a class="left clearfix" href="">
                <div class="top-area-image">
                    <img src="./image/center-area1.png" alt="魔鬼吗！这也太像了~">
                    <p>魔鬼吗！这也太像了~</p>
                </div>
            </a>
            <a class="right clearfix" href="">
                <div class="top-area-image">
                    <img src="./image/center-area2.png" alt="大哥别杀我，我请你喝冰阔落">
                    <p>大哥别杀我，我请你喝冰阔落</p>
                </div>
            </a>
        </div>
        <div class="center-main">
            <li class="center-main-item" href="">
                <span class="category">[漫画]</span>
                <a class="right clearfix" href="">ORICON公信榜漫画销量公开 鬼灭之刃超海贼王成冠军</a>
            </li>
            <li class="center-main-item" href="">
                <span class="category">[动画]</span>
                <a class="right clearfix" href="">麦当劳将为新品推出宣传动画 前田敦子等温情献声</a>
            </li>
            <li class="center-main-item" href="">
                <span class="category">[周边]</span>
                <a class="right clearfix" href="">《机动战士高达》推出主题井盖 大河原邦男监制</a>
            </li>
            <li class="center-main-item" href="">
                <span class="category">[P图]</span>
                <a class="right clearfix" href="">当动漫人物遇上P图大神，蓝忘机变正太，太乙真人练出八块腹肌？</a>
            </li>
            <li class="center-main-item" href="">
                <span class="category">[动漫]</span>
                <a class="right clearfix" href="">灌篮高手湘北五虎听过的扎心话，赤木遮羞布被揭开，樱木承认输了</a>
            </li>
            <li class="center-main-item" href="">
                <span class="category">[漫展]</span>
                <a class="right clearfix" href="">看漫展点这里喵，持续更新中~~~</a>
            </li>
        </div>
    </div>
    <div class="right-side right clearfix">
        <div class="hot-time">
            <button>热门动画榜</button>
            <button class="focus">新番时间表</button>
        </div>
        <div class="day">
            <div class="day-item">日</div>
            <div class="day-item">一</div>
            <div class="day-item">二</div>
            <div class="day-item">三</div>
            <div class="day-item">四</div>
            <div class="day-item">五</div>
            <div class="day-item focus">六</div>
        </div>
        <div class="hot-list">
            <li class="hot-list-item">
                <a href="">来自多彩世界的明天</a>
                <button>13话</button>
            </li>
            <li class="hot-list-item">
                <a href="">逆转裁判 第二季</a>
                <button>20话</button>
            </li>
            <li class="hot-list-item">
                <a href="">暖暖日记 3rd</a>
                <button>53话</button>
            </li>
            <li class="hot-list-item">
                <a href="">JOJO的奇妙冒险 黄金之风</a>
                <button>42话</button>
            </li>
            <li class="hot-list-item">
                <a href="">寄宿学校的朱丽叶</a>
                <button>69话</button>
            </li>
            <li class="hot-list-item">
                <a href="">名侦探柯南</a>
                <button>103话</button>
            </li>
            <li class="hot-list-item">
                <a href="">刀剑神域 爱丽丝篇 异界战争之-终篇之战-</a>
                <button>5话</button>
            </li>
        </div>
    </div>
</div>
</body>
</html>